// var scene = new THREE.Scene();
// /**
//  * 创建网格模型
//  */
// // var geometry = new THREE.SphereGeometry(60, 40, 40); //创建一个球体几何对象
// var geometry = new THREE.BoxGeometry(100, 100, 100); //创建一个立方体几何对象Geometry
// var material = new THREE.MeshLambertMaterial({
//     color: 0x0000ff
// }); //材质对象Material
// var mesh = new THREE.Mesh(geometry, material); //网格模型对象Mesh

// var geometry1 = new THREE.CircleGeometry( 20, 8 );
// var material1 = new THREE.MeshBasicMaterial({
//     color: 0x00ff00
// });
// var cube = new THREE.Mesh(geometry1, material1);

// // scene.add(mesh); //网格模型添加到场景中
// scene.add(cube); //网格模型添加到场景中

// /**
//  * 光源设置
//  */
// //点光源
// var point = new THREE.PointLight(0xffffff);
// point.position.set(400, 200, 300); //点光源位置
// scene.add(point); //点光源添加到场景中
// //环境光
// var ambient = new THREE.AmbientLight(0x444444);
// scene.add(ambient);
// // console.log(scene)
// // console.log(scene.children)
// /**
//  * 相机设置
//  */
// var width = window.innerWidth; //窗口宽度
// var height = window.innerHeight; //窗口高度
// var k = width / height; //窗口宽高比
// var s = 200; //三维场景显示范围控制系数，系数越大，显示的范围越大
// //创建相机对象
// var camera = new THREE.OrthographicCamera(-s * k, s * k, s, -s, 1, 1000);
// camera.position.set(200, 300, 200); //设置相机位置
// camera.lookAt(scene.position); //设置相机方向(指向的场景对象)
// /**
//  * 创建渲染器对象
//  */
// var renderer = new THREE.WebGLRenderer();
// renderer.setSize(width, height); //设置渲染区域尺寸
// renderer.setClearColor(0xb9d3ff, 1); //设置背景颜色
// document.body.appendChild(renderer.domElement); //body元素中插入canvas对象
// //执行渲染操作   指定场景、相机作为参数
// renderer.render(scene, camera);


const scene = new THREE.Scene();

const geometry = new THREE.BoxGeometry(500, 100, 200);
const materal = new THREE.MeshBasicMaterial({
    color: 0x00ff00
})
const mesh = new THREE.Mesh(geometry, materal)
scene.add(mesh);



const height = window.innerHeight;
const width = window.innerWidth;

const camera = new THREE.OrthographicCamera(width / -2, width / 2, height / 2, height / -2, 1, 1000);
camera.position.set(200, 200, 200);
camera.lookAt(scene.position); //设置相机方向(指向的场景对象)

const renderer = new THREE.WebGLRenderer();
renderer.setSize(width, height);
renderer.setClearColor(0xb9d3ff);

document.body.appendChild(renderer.domElement); //body元素中插入canvas对象

function render() {
    renderer.render(scene,camera);//执行渲染操作
    mesh.rotateY(0.02);//每次绕y轴旋转0.01弧度
    requestAnimationFrame(render);//请求再次执行渲染函数render
}
render();

// //执行渲染操作   指定场景、相机作为参数
// renderer.render(scene, camera);

// renderer.setSize(width, height); //设置渲染区域尺寸
// renderer.setClearColor(0xb9d3ff, 1); //设置背景颜色
// document.body.appendChild(renderer.domElement); //body元素中插入canvas对象
// //执行渲染操作   指定场景、相机作为参数
// renderer.render(scene, camera);

// function render() {
//     renderer.render(scene,camera);//执行渲染操作
//     mesh.rotateY(0.01);//每次绕y轴旋转0.01弧度
// }
// //间隔20ms周期性调用函数fun,20ms也就是刷新频率是50FPS(1s/20ms)，每秒渲染50次
// setInterval("render()",20);